<!DOCTYPE html>
<!-- saved from url=(0062)https://console.cloud.tencent.com/apigateway/plan-create?rid=4 -->
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2">
		<meta name="format-detection" content="telephone=no">
		<title>使用计划</title>
		<script src="../../usingplan/aq_common.js"></script>
		<script src="../../usingplan/stats"></script>
		<script type="text/javascript">
			var speedMark = _speedMark = new Date();
			window._enableReport = true;
		</script>
		<link href="../../usingplan/global.css" rel="stylesheet" data-role="global">
		<link href="../../usingplan/bee.css" rel="stylesheet" data-role="global">
		<link href="../../usingplan/break.css" rel="stylesheet" data-role="global">
		<link href="../../usingplan/monitor-sdk.css" rel="stylesheet" data-role="global">

		<link href="https://imgcache.qq.com/qcloud/app/resource/ac/favicon.ico" rel="icon" type="image/x-icon">
		<style>
			.onfocus-item {
				border: 1px solid #a5c7fe!important;
			}
			
			.container {
				transform: none;
				transition: none;
				height: auto;
			}
			
			.container.animate {
				transition: left 0.3s;
				transform: translate3d(0, 0, 0);
			}
			
			[data-region-selector].tc-15-dropdown-in-hd .tc-15-dropdown-menu {
				max-height: none;
			}
		</style>
		<script type="text/javascript" src="../../usingplan/jsrouter" async="true"></script>
		<script type="text/javascript" src="../../usingplan/common.dd055702fa97e64b1eb5d6c8f3b8db9b.js" async="true"></script>
		<script type="text/javascript" src="../../usingplan/cvm.f48d616ad8f3cd6c05d38382ffd274f4.js" async="true"></script>
		<script type="text/javascript" src="../../usingplan/jsrouter(1)" async="true"></script>
		<script type="text/javascript" src="../../usingplan/deprecated.f6f52cc014883bbc98b43cc0851bcbf9.js" async="true"></script>
		<script type="text/javascript" src="../../usingplan/platform.2fa69a67cbc3bd42da6139e9df45fc71.js" async="true"></script>
		<script type="text/javascript" src="../../usingplan/vendor.82d7f26c5998a06b11532383876880c6.js" async="true"></script>
		<link charset="utf-8" rel="stylesheet" href="../../usingplan/capi.css" class="apigateway-css">
		<style id="dynamic-inserted-css-batch-operation-dialog">
			.tc-15-batch-operation-dialog {
				font-size: 14px
			}
			
			.tc-15-batch-operation-dialog .delete-text {
				margin-top: 20px
			}
			
			.tc-15-batch-operation-dialog .delete-text p {
				font-weight: 700;
				margin-bottom: 4px
			}
			
			.tc-15-batch-operation-dialog .selection-list {
				margin-top: 10px;
				font-size: 14px;
				max-height: 130px;
				overflow-y: auto;
				border: 1px solid #dadde0
			}
			
			.tc-15-batch-operation-dialog .selection-list li {
				padding-left: 0;
				line-height: 32px;
				height: 32px;
				border-bottom: 1px solid #dadde0
			}
			
			.tc-15-batch-operation-dialog .selection-list li:last-child {
				border-bottom: 0
			}
			
			.tc-15-batch-operation-dialog .selection-list .number-text {
				color: #ed711f
			}
			
			.tc-15-batch-operation-dialog .selection-list .detail-msg {
				float: right;
				color: #ed711f;
				margin-right: 30px
			}
			
			.tc-15-batch-operation-dialog .selection-list .detail-msg i {
				vertical-align: text-bottom;
				margin-right: 8px
			}
			
			.tc-15-batch-operation-dialog .selection-list .selection-name {
				width: 270px;
				overflow: hidden;
				text-overflow: ellipsis;
				float: left
			}
			
			.tc-15-batch-operation-dialog .selection-list .order-number {
				width: 34px;
				overflow: hidden;
				text-align: center;
				float: left;
				border-right: 1px solid #dadde0;
				margin-right: 20px
			}
			
			.tc-15-batch-operation-dialog .fail-list {
				max-height: 130px
			}
		</style>
		<style id="dynamic-inserted-css-tea-china-map">
			.tea-china-map .province {
				transition: fill .3s ease;
			}
			
			.tea-china-map .province:hover {
				fill: yellow;
			}
		</style>
		<style id="dynamic-inserted-css-RangeSlider">
			.shop-ui-progress,
			.btn-drag,
			.shop-input-num .num {
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			.shop-ui-progress .progress-area {
				height: 35px
			}
			
			.shop-ui-progress .progress-area .progress-bar {
				width: 600px;
				height: 15px;
				float: left;
				margin-right: 10px;
				padding-top: 10px;
				cursor: pointer;
				margin-top: 5px
			}
			
			.shop-ui-progress .progress-area .progress-bar .progress-bg {
				background: #ebeef5;
				width: 100%;
				height: 5px;
				position: relative;
				z-index: 5;
				border-radius: 4px
			}
			
			.shop-ui-progress .progress-area .progress-bar .progress-in {
				position: absolute;
				top: 0;
				left: 0;
				height: 5px;
				background: #2277da;
				border-radius: 4px
			}
			
			.shop-ui-progress .progress-area .progress-bar .btn-drag {
				position: absolute;
				width: 19px;
				height: 35px;
				background-image: url(//imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/shopcart/css/sprite/shopcart-201611100942.png);
				top: -15px;
				margin-left: -3px;
				background-position: -274px -37px
			}
			
			.shop-ui-progress .progress-area .progress-bar .btn-drag:hover {
				background-image: url(//imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/shopcart/css/sprite/shopcart-201611100942.png);
				background-position: -274px 0px
			}
			
			.shop-ui-progress .progress-area .progress-bar .scale {
				position: relative;
				width: 100%
			}
			
			.shop-ui-progress .progress-area .progress-bar .scale .scale-dot {
				position: absolute;
				height: 8px;
				width: 0;
				border-right: 1px solid #b4b7be;
				top: 0
			}
			
			.shop-ui-progress .progress-area .progress-bar .scale .dot-pass {
				border-right: 1px solid #72ade8
			}
			
			.shop-ui-progress .progress-area .input-area {
				color: #404a58
			}
			
			.shop-ui-progress .progress-area .input-area input {
				color: #2a87e4;
				font-weight: 700;
				width: 80px
			}
			
			.shop-ui-progress .text-area {
				color: #999;
				position: relative;
				top: 0;
				float: left;
				width: 100%
			}
			
			.shop-ui-progress .text-area .text {
				color: #999 !important;
				position: relative;
				top: 0;
				float: left;
				font-size: 12px;
			}
			
			.shop-ui-progress .text-area .text {
				position: absolute;
			}
			
			.shop-ui-progress .progress-area .shop-input-num-inner {
				margin-left: 10px;
			}
		</style>
		<style id="dynamic-inserted-css-lie_alongside">
			.lie_alongside {
				display: inline-block;
				margin-right: 10px;
				vertical-align: top;
			}
		</style>
		<style id="dynamic-inserted-css-api_invoke">
			.api-invoke .text-overflow {
				width: 350px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
		</style>
		<style id="dynamic-inserted-css-LogContainer">
			.chart-wrap {
				top: 70px;
				bottom: 30px;
				left: 0;
				right: 0;
				overflow-y: auto;
				overflow-x: hidden;
				min-width: 350px;
			}
			
			.chart-wrap .log-list {
				color: rgb(102, 102, 102);
				background-color: rgb(242, 242, 242);
				height: 100%;
				box-sizing: border-box;
				font-size: 14px;
				border-left: 11px solid rgb(210, 231, 247);
				padding: 10px;
				overflow: auto;
				width: 100%;
				word-wrap: break-word;
				max-height: 400px;
				word-break: break-all;
			}
			
			.log-list p em {
				margin-left: 5px;
			}
			
			.log-list p em:first-child {
				margin-left: 0px;
			}
			
			.log-list .info-text {
				color: rgb(48, 127, 220);
			}
		</style>
		<style id="dynamic-inserted-css-api_list">
			.api-list-wrap .search-box {
				height: 40px;
			}
			
			.api-list-wrap .search-input {
				height: 40px;
			}
			
			.api-list .no-data {
				height: 54px;
				line-height: 54px;
				overflow: hidden;
				font-size: 14px;
				border-right: 1px solid #f2f2f2;
				height: 800px;
			}
			
			.api-detail .text-overflow {
				width: 650px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
		</style>
		<style id="dynamic-inserted-css-monitor">
			.tc-monitor-chart-box .new-monitor-select-wrap {
				display: inline-block;
				margin-top: -10px;
			}
			
			.tc-monitor-chart-box .new-monitor-select-wrap h3 {
				margin-right: 20px;
			}
			
			.tc-monitor-chart-box .new-monitor-select-wrap,
			.tc-monitor-chart-box .highcharts-box {
				float: left;
			}
			
			.tc-monitor-chart-box .new-monitor-select-wrap+.highcharts-box {
				clear: left;
			}
		</style>
		<style id="dynamic-inserted-css-creat-ip-strategy">
			.creat-ip-strategy .strategy-name {
				display: inline-block;
				line-height: 25px;
				vertical-align: top;
				margin-left: 8px;
				margin-right: 10px;
			}
			
			.creat-ip-strategy .strategy-type .form-unit {
				display: inline-block;
				vertical-align: top;
			}
		</style>
		<style id="dynamic-inserted-css-api-list">
			.col-ip-option {
				display: flex;
			}
			
			.col-right {
				flex: 1;
			}
		</style>
		<style type="text/css">
			@keyframes fade-in {
				0% {
					opacity: 0
				}
				100% {}
			}
			
			@-webkit-keyframes fade-in {
				0% {
					opacity: 0
				}
				100% {}
			}
			
			@keyframes fade-out {
				0% {}
				100% {
					opacity: 0
				}
			}
			
			@-webkit-keyframes fade-out {
				0% {}
				100% {
					opacity: 0
				}
			}
			
			@keyframes modal-in {
				0% {
					opacity: 0;
					transform: scale(0.8, 0.8);
					-moz-transform: scale(0.8, 0.8);
					-webkit-transform: scale(0.8, 0.8);
					-ms-transform: scale(0.8, 0.8);
				}
				100% {}
			}
			
			@-webkit-keyframes modal-in {
				0% {
					opacity: 0;
					transform: scale(0.8, 0.8);
					-moz-transform: scale(0.8, 0.8);
					-webkit-transform: scale(0.8, 0.8);
					-ms-transform: scale(0.8, 0.8);
				}
				100% {}
			}
			
			@keyframes modal-out {
				0% {}
				100% {
					transform: scale(0.8, 0.8);
					-moz-transform: scale(0.8, 0.8);
					-webkit-transform: scale(0.8, 0.8);
					-ms-transform: scale(0.8, 0.8);
					opacity: 0
				}
			}
			
			@-webkit-keyframes modal-out {
				0% {}
				100% {
					transform: scale(0.8, 0.8);
					-moz-transform: scale(0.8, 0.8);
					-webkit-transform: scale(0.8, 0.8);
					-ms-transform: scale(0.8, 0.8);
					opacity: 0
				}
			}
			
			.mask-in {
				animation: fade-in 0.2s;
				-webkit-animation: fade-in 0.2s;
			}
			
			.mask-out {
				animation: fade-out 0.2s;
				-webkit-animation: fade-out 0.2s;
			}
			
			.modal-in {
				animation: modal-in 0.15s;
				-webkit-animation: modal-in 0.15s;
			}
			
			.modal-out {
				animation: modal-out 0.15s;
				-webkit-animation: modal-out 0.15s;
			}
			
			.fade-in {
				animation: fade-in 0.3s;
				-webkit-animation: fade-in 0.3s;
			}
			
			.fade-out {
				animation: fade-out 0.3s;
				-webkit-animation: fade-out 0.3s;
			}
			
			.error-page {
				width: 800px;
				text-align: center;
				margin: 100px auto 0;
				padding: 50px;
				font-size: 18px;
				line-height: 1.5;
				color: #999;
				border: 1px solid #e0e0e0;
				background-color: #fff;
			}
			
			.error-page h2 {
				font-size: 40px;
				font-weight: bold
			}
		</style>
		<style id="dynamic-inserted-css-tc-15-transition-collapse2110060697">
			.tc-15-transition-collapse2110060697-enter {
				max-height: 0;
			}
			
			.tc-15-transition-collapse2110060697-enter-active {
				max-height: 54px;
				transition: max-height 300ms ease;
			}
			
			.tc-15-transition-collapse2110060697-leave {
				max-height: 54px;
			}
			
			.tc-15-transition-collapse2110060697-leave-active {
				max-height: 0;
				transition: max-height 300ms ease;
			}
		</style>
		<style id="dynamic-inserted-css-dialog-css">
			#dialog-mask {
				opacity: 0.5;
				z-index: 999;
				background: black;
			}
			
			#dialog-container {
				z-index: 8999;
				overflow-y: auto;
			}
		</style>
		<style id="dynamic-inserted-css-tc-15-transition-fade66159999">
			.tc-15-transition-fade66159999-enter {
				opacity: 0 !important;
			}
			
			.tc-15-transition-fade66159999-enter-active {
				opacity: 0.5 !important;
				transition: opacity 300ms ease;
			}
			
			.tc-15-transition-fade66159999-leave {
				opacity: 0.5 !important;
			}
			
			.tc-15-transition-fade66159999-leave-active {
				opacity: 0 !important;
				transition: opacity 300.0001ms ease;
			}
		</style>
		<style id="dynamic-inserted-css-tc-15-transition-slide1187507215">
			.tc-15-transition-slide1187507215-enter {
				opacity: 0 !important;
				transform: translate3d(0px, -30px, 0);
			}
			
			.tc-15-transition-slide1187507215-enter-active {
				opacity: 1 !important;
				transform: translate3d(0, 0, 0);
				transition: opacity 300ms ease, transform 300ms ease;
			}
			
			.tc-15-transition-slide1187507215-leave {
				opacity: 1 !important;
				transform: translate3d(0, 0, 0);
			}
			
			.tc-15-transition-slide1187507215-leave-active {
				opacity: 0 !important;
				transform: translate3d(0px, -30px, 0);
				transition: opacity 300ms ease, transform 300ms ease;
			}
		</style>
		<style id="dynamic-inserted-css-tc-15-transition-slide52137875">
			.tc-15-transition-slide52137875-enter {
				opacity: 0 !important;
				transform: translate3d(0px, -10px, 0);
			}
			
			.tc-15-transition-slide52137875-enter-active {
				opacity: 1 !important;
				transform: translate3d(0, 0, 0);
				transition: opacity 300ms ease, transform 300ms ease;
			}
			
			.tc-15-transition-slide52137875-leave {
				opacity: 1 !important;
				transform: translate3d(0, 0, 0);
			}
			
			.tc-15-transition-slide52137875-leave-active {
				opacity: 0 !important;
				transform: translate3d(0px, -10px, 0);
				transition: opacity 300ms ease, transform 300ms ease;
			}
		</style>
		<style type="text/css">
			.charts-panel .dateTimePickerVS .tc-15-calendar-select-wrap {
				margin-bottom: 0;
			}
		</style>
		<style type="text/css">
			.chart-inner:not(:hover) .missing-segments {
				opacity: 0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
			}
			
			.chart-inner .missing-segments rect {
				fill-opacity: 0.4;
				stroke-opacity: 0.1;
			}
			
			.chart-inner .missing-segments rect.active {
				fill-opacity: 1;
			}
			
			.monitor-chart-table .chart-inner .tooltip table tr,
			.monitor-chart-table .chart-inner .tooltip table td {
				border-bottom: 0;
			}
			
			.monitor-chart-table .chart-inner .tooltip table td {
				padding: 0 8px;
			}
		</style>
	</head>

	<body>
		<div class="manage-area-title secondary-title" data-reactid=".x.0">
			<a href="javascript:;" data-event="" class="back-link" data-reactid=".x.0.0"><i class="btn-back-icon" data-reactid=".x.0.0.0"></i><span data-reactid=".x.0.0.1">返回</span></a><span class="line-icon" data-reactid=".x.0.1">|</span>
			<h2 data-reactid=".x.0.2">新建使用计划</h2></div>
		<div class="tc-panel" data-reactid=".x.1.0">
			<div class="param-box" data-reactid=".x.1.0.0">
				<div class="ReactForm" data-reactid=".x.1.0.0.0">
					<div class="param-bd" data-reactid=".x.1.0.0.0.0">
						<ul class="form-list" data-reactid=".x.1.0.0.0.0.0">
							<li class="pure-text-row" data-reactid=".x.1.0.0.0.0.0.0">
								<div class="form-label" data-reactid=".x.1.0.0.0.0.0.0.0"><label data-reactid=".x.1.0.0.0.0.0.0.0.0">使用计划名</label></div>
								<div class="form-input" data-reactid=".x.1.0.0.0.0.0.0.1">
									<div class="form-unit" data-reactid=".x.1.0.0.0.0.0.0.1.0"><input class="tc-15-input-text" maxlength="50" value="" data-reactid=".x.1.0.0.0.0.0.0.1.0.0">
										<p class="form-input-help" data-reactid=".x.1.0.0.0.0.0.0.1.0.2">最长50个字符，支持 a-z，A-Z，0-9，_</p>
									</div>
								</div>
							</li>
							<li class="pure-text-row" data-reactid=".x.1.0.0.0.0.0.1">
								<div class="form-label" data-reactid=".x.1.0.0.0.0.0.1.0"><label data-reactid=".x.1.0.0.0.0.0.1.0.0">所属地域</label></div>
								<div class="form-input" data-reactid=".x.1.0.0.0.0.0.1.1">
									<p data-reactid=".x.1.0.0.0.0.0.1.1.0">上海</p>
								</div>
							</li>
							<li class="pure-text-row" data-reactid=".x.1.0.0.0.0.0.2">
								<div class="form-label" data-reactid=".x.1.0.0.0.0.0.2.0"><label data-reactid=".x.1.0.0.0.0.0.2.0.0">每秒最大请求数</label></div>
								<div class="form-input" data-reactid=".x.1.0.0.0.0.0.2.1">
									<div class="form-unit" data-reactid=".x.1.0.0.0.0.0.2.1.0">
										<div class="tc-input-group-wrap s" data-reactid=".x.1.0.0.0.0.0.2.1.0.0">
											<div class="tc-input-group" data-reactid=".x.1.0.0.0.0.0.2.1.0.0.0"><input class="tc-15-input-text" maxlength="5" value="500" data-reactid=".x.1.0.0.0.0.0.2.1.0.0.0.0"><span class="tc-input-group-addon" data-reactid=".x.1.0.0.0.0.0.2.1.0.0.0.1">次</span></div>
										</div>
										<p class="form-input-help" data-reactid=".x.1.0.0.0.0.0.2.1.0.1">请求数范围：1－2,000次</p>
									</div>
								</div>
							</li>
							<li class="pure-text-row" data-reactid=".x.1.0.0.0.0.0.3">
								<div class="form-label" data-reactid=".x.1.0.0.0.0.0.3.0"><label data-reactid=".x.1.0.0.0.0.0.3.0.0">备注</label></div>
								<div class="form-input" data-reactid=".x.1.0.0.0.0.0.3.1">
									<div class="form-unit" data-reactid=".x.1.0.0.0.0.0.3.1.0"><textarea class="tc-15-input-textarea" placeholder="请输入备注" data-reactid=".x.1.0.0.0.0.0.3.1.0.0"></textarea>
										<p class="form-input-help" data-reactid=".x.1.0.0.0.0.0.3.1.0.2"></p>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="tc-panel-ft" data-reactid=".x.1.0.0.1"><button type="button" class="tc-15-btn" onclick="javascript:window.top.location='平台(计划列表).html'">完成</button></div>
			</div>
		</div>

	</body>

</html>